.busines_school_page  {
  .busines_banner {
    width: rem(750);
    height: rem(283);
  }
  .select_category {
    height: rem(188);
  }
  .busines_banner .banner_img {
    width: rem(750);
    height: rem(283);
  }
  .busines_box .bussines_mak  {
    background: #fff;
    height: rem(112);
  }
  .busines_box .bussines_mak .bussines_title{
    font-size: rem(36); height:rem(110); line-height:rem(110);
    padding: 0 rem(30);
    border-bottom: 1px solid #EDEFF2;
  }
  .busines_box .bussines_mak .bussines_title.fiexd {
    position: fixed; top: 0;
    width: rem(750);
    background: #fff;
    z-index: 9;
  }

  .select_category {
    .van-tab {
      font-size: rem(28);
    }
    .van-hairline--top-bottom {
      font-size: rem(28);
      &:after { border: none}
    }
  }
  .chaild_list {
    background: #fff;
    position: absolute;
    width: rem(750 - 70);
     z-index: 9;
     padding: rem(30) rem(35);
     height: rem(47);
    .active_txt {
      height: rem(63); line-height: rem(63);
      padding: 0 rem(50); font-size: rem(28); color: #333333; display: table;
      position: relative;
      &:after {
        width: rem(20); content: '';
        height: rem(20);
        position: absolute;
        right: rem(10);
        top: rem(22);
        background: url('https://mjmh.meijiameihuo.com/wechat/images/member/school_down.png') no-repeat center;
        background-size: contain;
      }
      &.show {
        color: #E91F3F;
        &:after {
          width: rem(20); content: '';
          height: rem(20);
          position: absolute;
          right: rem(10);
          top: rem(22);
          background: url('https://mjmh.meijiameihuo.com/wechat/images/member/school_down_red.png') no-repeat center;
          background-size: contain;
        }
      }
    }
    .chaild_item {
      height: rem(80); overflow: scroll;
      .van-row {
        div {
          span {
            height: rem(47); line-height: rem(47); overflow: hidden;
            color: #333333; font-size: rem(28);
            text-align: center;
            background: #FFEDF0; display: block; font-weight: 400;
            width: rem(135);
            overflow: hidden; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;
            &.acitve {
              color: #e93323;
              background: #FFEDF0;
              // background: url('http://yancekang.github.io/wechat_img/images/member/school_select.png') no-repeat right center;
              // background-size: rem(30);
            }
          }
        }
      }
      ul {
        li {
          height: rem(100); line-height: rem(100); width: 25%; float: left; overflow: hidden;
          border-bottom: 1px solid rgba(237, 239, 242, .5); color: #333333; font-size: rem(28);
          text-align: center;
          &.acitve {
            color: #E91F3F;
            // background: url('http://yancekang.github.io/wechat_img/images/member/school_select.png') no-repeat right center;
            background-size: rem(30);
          }
        }
      }
    }
  }
  .ke_list {
    margin-top: rem(11);
  }
}


.business_details {

  .business_details_page {
    background: #fff;
    padding: rem(30);
  }

  .business_details_page .details_title {
    font-size: rem(35);
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    line-height: rem(49);
  }

  .details_info {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: rem(30);
    font-size: rem(24);
    color: #999;
    height: rem(33); line-height: rem(33);
  }

  .details_info .detail_read {
    padding-left: rem(50);
    position: relative;
  }

  .read_user {
    position: absolute;
    left: 0; top:1px;
    width: rem(30);
    height: rem(30);
    background: url('https://mjmh.meijiameihuo.com/wechat/images/common/user.png') no-repeat center; background-size: contain;
  }
  .detalis_content {
    margin-top: rem(60);
    .article_content {
      img {
        width: 100%;
      }
      font-size: rem(28); color: #333; line-height: rem(40);
    }
  }
  .detalis_content .audio_cc {
    width: rem(690);
    text-align: center;
    margin: 0 auto rem(30) ;
  }
  .detalis_content  .audio_box{
    width: rem(688);
  }

}
